<template>
	<view class="content">
		<!-- 卡片 -->
		<view class="caa tn-radius waetll">
			<text>我的余额</text>
			<view class="specific">
				<text>0.46</text>
				<view class="btn" @click="withdrawal">提现</view>
			</view>
			

		</view>
		<view class="incometitle">
			-- 收益明细 --
		</view>
		 <tn-empty class="empyd" mode="data" text='暂无余额记录'></tn-empty>

	</view>
</template>

<script>
	export default {
		components:{
			
		},
		data() {
			return {
				// 滚动消息
			}
		},
		onLoad() {

		},
		methods: {
			withdrawal(){
					// uni.showToast({ title: '请联系管理员', icon: 'none' });
					uni.navigateTo({
						url:'/pages/withdrawal/withdrawal'
					})
			}

		},
		computed: {
			// 兼容小程序
			gridItemWidth() {
				return 100 / this.col + '%'
			}
		}
	}
</script>

<style scoped lang="scss">

	.caa {
		background: white;
		padding: 30rpx;
		border-radius: 10rpx;
	}
	.waetll{
		    background: url(http://anmo.zjlhfdc.com/shifu/static/img/wallet_bg.15fdb0e2.png) no-repeat 50%;
		    background-size: 100% 100%;
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    padding: 72rpx 44rpx 56rpx;
		    font-size: 32rpx;
		    line-height: 22px;
		    color: #fff;
		    position: relative;
		    
		}
		.specific{
			display: flex;
			justify-content: space-between;
			margin-top: 30rpx;
			text{
				font-size: 48rpx;
				font-weight: bold;
			}
			.btn{
				padding: 8rpx 54rpx;
				    border: 1rpx solid #fff;
				    border-radius: 12rpx;
				    display: flex;
				    justify-content: center;
				    align-items: center;
			}
		}
	.incometitle{
		text-align: center;
		font-size: 40rpx;
		font-weight: 600;
		margin: 30rpx 0 ;
		
	}
	.empyd{
		margin-top: 300rpx;
	}

	



</style>